$(function () {
    //用户退出
    let layer = layui.layer//这是一个局部变量
    $('#logout').on('click', function () {
        //提示框
        layer.confirm('确定退出登陆吗？', { icon: 3, title: '提示' }, function (index) {
            //跳转页面到登录页
            location.href = '/login.html';
            //清除token,清除token以后不登录无法跳转至首页
            localStorage.removeItem('token')
            layer.close(index);
        });
    })
    //渲染用户名和头像
    getUserInfo()
})
//封装函数，获取用户信息，渲染头像和用户名
//这个封装函数写成全局函数,后面在基本资料提交昵称和邮箱时还会用到
function getUserInfo() {
    axios({
        method: 'GET',
        url: "/my/userinfo",
        //头信息
        // headers: {
        //     //这个是头信息，头信息有很多，目前已学Content-Type
        //     Authorization: localStorage.getItem('token')
        // }
    }).then((res) => {
        //console.log(res.data);
        if (res.data.status !== 0) return layui.layer.msg(res.data.message)//这里不能用入口函数声明的layer
        renderUserInfo(res.data.data)
    })
}
function renderUserInfo(userinfo) {
    //欢迎名称，昵称不存在再用用户名
    let name = userinfo.nickname || userinfo.username//短路，或 前真才短路
    $(".welcome").html("欢迎&nbsp;&nbsp;" + name)
    if (userinfo.user_pic !== null) {
        $(".avatar-text").hide()
        $('.avatar-img').show().attr('src', userinfo.user_pic)
        //attr操作自定义属性,prop操作表单属性  更强大
    } else {
        $('.avatar-img').hide()
        $(".avatar-text").show().text(name[0].toUpperCase())
        //name[0]字符串用数组方式获取
        //console.log(userinfo.username.substring(0, 1));
    }
}